<template>
  <el-tabs
    v-model="editableTabsValue"
    type="card"
    class="demo-tabs"
  >
    <template #add-icon>
      <el-icon><Select /></el-icon>
    </template>
    <!-- <el-tab-pane
      key="baseName"
      label="基本信息"
      name="baseName"
    >
      <infoList></infoList>
    </el-tab-pane> -->
    <el-tab-pane
      key="geName"
      label="世系信息"
      name="geName"
    >
    <lineageList></lineageList>
  </el-tab-pane>
  <el-tab-pane
      key="geNameDraft"
      label="世系草稿"
      name="geNameDraft"
    >
    <draftLineageList></draftLineageList>
  </el-tab-pane>
  </el-tabs>
</template>

<script setup name="Info" lang="ts">
import infoList from './infoList.vue';
import lineageList from './lineageList.vue';
import draftLineageList from '@/views/genealogydraft/info/draftLineageList.vue';


const editableTabsValue = ref('geName');
</script>
